
<!-- 主题设置模板 -->

<script type="text/html" template lay-done="layui.data.theme();">
    {{# 
      var local = layui.data(layui.setter.tableName)
      ,theme = local.theme || {}
      ,themeColorIndex =  parseInt((theme && theme.color) ? theme.color.index : 0) || 0;
    }}
  
    <div class="layui-card-header">
      配色方案
    </div>
    <div class="layui-card-body layadmin-setTheme">
      <ul class="layadmin-setTheme-color">
        {{# layui.each(layui.setter.theme.color, function(index, item){ }}
          <li layadmin-event="setTheme" data-index="{{ index }}" data-alias="{{ item.alias }}" 
          {{ index === themeColorIndex ? 'class="layui-this"' : '' }} title="{{ item.alias }}">
            <div class="layadmin-setTheme-header" style="background-color: {{ item.header }};"></div>
            <div class="layadmin-setTheme-side" style="background-color: {{ item.main }};">
              <div class="layadmin-setTheme-logo" style="background-color: {{ item.logo }};"></div>
            </div>
          </li>
        {{# }); }}
      </ul>
    </div>
  </script>
  
  <script>
  layui.data.theme = function(){
    layui.use('form', function(){
      var form = layui.form
      ,admin = layui.admin;
      
      //隐藏开关
      form.on('switch(system-theme-sideicon)', function(){
        admin.theme({
          hideSideIcon: this.checked
        })
      });
    });
  };
  </script>
  